Ajax ব্যবহার করে Real-Time Data Fetching বা রিয়েল-টাইম ডেটা ফেচিং ওয়েব অ্যাপ্লিকেশনগুলিতে একটি গুরুত্বপূর্ণ পদ্ধতি। এটি ব্যবহারকারীদের পেজ রিফ্রেশ ছাড়াই আপডেটেড ডেটা দেখার সুযোগ দেয়। উদাহরণস্বরূপ, চ্যাট অ্যাপ্লিকেশন, স্টক মার্কেট ডেটা, ফিড আপডেট ইত্যাদি ক্ষেত্রে রিয়েল-টাইম ডেটা লোডের জন্য Ajax খুব কার্যকরী।
এই টিউটোরিয়ালে আমরা দেখবো কীভাবে Ajax ব্যবহার করে রিয়েল-টাইম ডেটা সার্ভার থেকে ক্লায়েন্টে আনতে হয় এবং ওয়েব পেজে তা প্রদর্শন করা যায়।
রিয়েল-টাইম ডেটা ফেচিং হল একটি পদ্ধতি যার মাধ্যমে সার্ভার থেকে নতুন বা আপডেট হওয়া ডেটা দ্রুত এবং স্বয়ংক্রিয়ভাবে ক্লায়েন্টে লোড করা হয়। Ajax রিকোয়েস্ট ব্যবহার করে এটি করা যায় যাতে পেজ রিফ্রেশ ছাড়াই ডেটা প্রদর্শন করা যায়।
এখানে, আমরা Ajax Polling ব্যবহার করে কীভাবে রিয়েল-টাইম ডেটা ফেচ করতে হয় তা দেখব।
প্রথমে একটি সাধারণ HTML ফাইল তৈরি করি যেখানে Ajax মাধ্যমে রিয়েল-টাইম ডেটা দেখানো হবে।
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Real-Time Data Fetching with Ajax</title>
</head>
<body>
<h1>Real-Time Data Example</h1>
<button onclick="fetchData()">Get Latest Data</button>
<div id="realTimeData"></div>
<script src="script.js"></script>
</body>
</html>
এখন, একটি script.js ফাইল তৈরি করি যা প্রতি 5 সেকেন্ড পরপর Ajax রিকোয়েস্ট পাঠাবে এবং সার্ভার থেকে নতুন ডেটা এনে তা প্রদর্শন করবে।
script.js:
function fetchData() {
// প্রতি 5 সেকেন্ড পরপর Ajax রিকোয়েস্ট পাঠানো
setInterval(function () {
var xhr = new XMLHttpRequest();
xhr.open("GET", "fetch_data.php", true); // PHP ফাইল যা ডেটা পাঠাবে
xhr.onload = function () {
if (xhr.status === 200) {
document.getElementById("realTimeData").innerHTML = xhr.responseText;
} else {
console.log("Error fetching data");
}
};
xhr.send();
}, 5000); // 5000 মিলা সেকেন্ড অর্থাৎ প্রতি 5 সেকেন্ড পরপর
}
এখন একটি PHP ফাইল তৈরি করি যা সিমুলেটেড ডেটা (যেমন টাইমস্ট্যাম্প বা সিস্টেমের বর্তমান সময়) রিটার্ন করবে।
fetch_data.php:
<?php
// সিস্টেমের বর্তমান সময় রিটার্ন করা
echo "Current Time: " . date("h:i:s A");
?>
এই PHP ফাইলটি প্রতি 5 সেকেন্ড পরপর বর্তমান সময় রিটার্ন করবে।
fetchData() ফাংশনটি চালু হবে এবং এটি প্রতি 5 সেকেন্ড পরপর fetch_data.php ফাইলে একটি GET রিকোয়েস্ট পাঠাবে।<div> এলিমেন্টে (যার id realTimeData) আপডেট করা হবে। ফলে ব্যবহারকারী প্রতি 5 সেকেন্ড পরপর নতুন তথ্য দেখতে পাবে।Poll-এ আরও দক্ষতা আনতে কিছু কৌশল রয়েছে:
Ajax এর মাধ্যমে Real-Time Data Fetching একটি অত্যন্ত কার্যকরী পদ্ধতি যা ক্লায়েন্ট-সাইডের ডেটা লোডিং প্রক্রিয়াকে আরও ইন্টারঅ্যাকটিভ এবং দ্রুত করে তোলে। Ajax Polling হল একটি সহজ এবং দ্রুত পদ্ধতি রিয়েল-টাইম ডেটা ফেচিংয়ের জন্য, যেখানে সার্ভারের ডেটা ওয়েব পেজে পেজ রিফ্রেশ ছাড়াই আপডেট করা যায়। তবে, সার্ভারের উপর অতিরিক্ত লোড থেকে বাঁচতে অন্য পদ্ধতি যেমন Long Polling বা WebSockets ব্যবহার করাও বিবেচনা করা যেতে পারে।
Live Data Fetching হল এমন একটি পদ্ধতি যার মাধ্যমে ওয়েব পেজে রিয়েল-টাইম ডেটা লোড এবং আপডেট করা হয় পেজ রিফ্রেশ ছাড়াই। Ajax ব্যবহার করে ওয়েব অ্যাপ্লিকেশনগুলো রিয়েল-টাইমে ডেটা ফেচ করতে সক্ষম হয়, যেমন সোশ্যাল মিডিয়া ফিড, পণ্য আপডেট, স্টক প্রাইস, বা অন্যান্য ডেটা যা অব্যাহতভাবে পরিবর্তিত হতে থাকে। এটি ব্যবহারকারীদের একটি ইন্টারঅ্যাকটিভ এবং দ্রুত অভিজ্ঞতা প্রদান করে।
এই টিউটোরিয়ালে, Ajax ব্যবহার করে Live Data Fetching কিভাবে করা যায় তা দেখানো হবে।
Live Data Fetching প্রক্রিয়ায় সার্ভার থেকে নির্দিষ্ট সময় পর পর ডেটা নেয়া হয় এবং তা পেজে আপডেট করা হয়। এর জন্য সাধারণত setInterval() বা setTimeout() ফাংশন ব্যবহার করা হয়।
ধরা যাক, আমরা একটি ওয়েব পেজে রিয়েল-টাইম স্টক প্রাইস ফেচ করতে চাই। এই উদাহরণে, আমরা JSONPlaceholder API ব্যবহার করবো যেটি মক ডেটা প্রদান করে, তবে আপনি যেকোনো API ব্যবহার করতে পারেন।
এখানে একটি সাধারণ HTML পেজ তৈরি করা হবে, যেখানে ডেটা ফেচ করে দেখানো হবে।
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Live Data Fetching with Ajax</title>
</head>
<body>
<h1>Live Data Fetching Example</h1>
<div id="stockPrice">
<p>Loading stock price...</p>
</div>
<script src="script.js"></script>
</body>
</html>
এখন, script.js ফাইলে Ajax কল এবং সেটInterval ব্যবহার করে রিয়েল-টাইম ডেটা ফেচ এবং পেজ আপডেট করা হবে।
script.js:
function fetchLiveData() {
const xhr = new XMLHttpRequest();
xhr.open("GET", "https://jsonplaceholder.typicode.com/posts", true); // API URL পরিবর্তন করুন
xhr.onload = function () {
if (xhr.status === 200) {
const data = JSON.parse(xhr.responseText);
displayData(data);
} else {
document.getElementById("stockPrice").innerHTML = "Error fetching data.";
}
};
xhr.send();
}
function displayData(data) {
const stockContainer = document.getElementById("stockPrice");
stockContainer.innerHTML = "<h3>Stock Price Update</h3>";
// এখানে আমরা মক ডেটা প্রদর্শন করছি, বাস্তবে এখানে স্টক প্রাইস বা অন্যান্য ডেটা আসবে
data.slice(0, 5).forEach(post => {
stockContainer.innerHTML += `<p><strong>Title:</strong> ${post.title}</p>`;
});
}
// প্রতি 5 সেকেন্ড পর পর লাইভ ডেটা ফেচ করার জন্য
setInterval(fetchLiveData, 5000);
// প্রথমবার ডেটা লোড করা
fetchLiveData();
এই উদাহরণে, JSONPlaceholder API ব্যবহার করা হয়েছে যা মক ডেটা প্রদান করে। বাস্তবে, আপনি এই অংশটি আপনার প্রয়োজন অনুসারে পরিবর্তন করতে পারবেন, যেমন একটি স্টক API বা কোনও রিয়েল-টাইম ডেটা ফিড।
API Example:
https://jsonplaceholder.typicode.com/posts[
{
"userId": 1,
"id": 1,
"title": "Title 1",
"body": "Content 1"
},
{
"userId": 1,
"id": 2,
"title": "Title 2",
"body": "Content 2"
}
]
Live Data Fetching-এর ক্ষেত্রে, সার্ভার থেকে প্রতিবার ডেটা ফেচ করার ফলে কিছু সময় পারফরমেন্স সমস্যা দেখা দিতে পারে। এর সমাধানে কিছু কৌশল রয়েছে:
Ajax এর মাধ্যমে Live Data Fetching ওয়েব অ্যাপ্লিকেশনগুলিতে পেজ রিফ্রেশ ছাড়াই রিয়েল-টাইম ডেটা প্রদর্শন করতে সহায়ক। এটি ব্যবহারকারীর অভিজ্ঞতাকে আরও দ্রুত, ইন্টারঅ্যাকটিভ এবং ডাইনামিক করে তোলে। আপনি বিভিন্ন API থেকে ডেটা ফেচ করতে পারেন এবং সেটি প্রতি কিছু সেকেন্ড পর পর আপডেট করতে পারেন, যাতে ব্যবহারকারী সর্বশেষ ডেটা দেখতে পারে।
Server-Sent Events (SSE) হলো একটি ওয়েব প্রযুক্তি যা ক্লায়েন্টকে (যেমন ব্রাউজার) সার্ভার থেকে একপথে রিয়েল-টাইম ডেটা পাঠানোর জন্য ব্যবহৃত হয়। এটি HTTP প্রোটোকলের উপর ভিত্তি করে কাজ করে এবং এটি পেজ রিফ্রেশ ছাড়া ক্লায়েন্টকে সার্ভার থেকে আপডেট পাঠানোর জন্য ডিজাইন করা হয়েছে। SSE কে সাধারণত রিয়েল-টাইম ডেটা স্ট্রিমিং এবং পুশ নোটিফিকেশন ব্যবস্থায় ব্যবহার করা হয়।
SSE সাধারণত one-way communication এর জন্য ব্যবহৃত হয়, যেখানে সার্ভার ক্লায়েন্টকে একটি ধারাবাহিকভাবে ডেটা পাঠায়। এটি WebSockets এর তুলনায় একটু সরল এবং একটি ক্লায়েন্টের জন্য অনেক কম রিসোর্স প্রয়োজন হয়।
SSE এর মাধ্যমে সার্ভার ক্লায়েন্টকে একপথে ডেটা পাঠায়। ক্লায়েন্ট একটি HTTP রিকোয়েস্ট পাঠায় এবং সার্ভার থেকে একপথে ডেটা পাঠানো শুরু হয়।
EventSource API ব্যবহার করে সার্ভারের সাথে কানেক্ট করে।Content-Type: text/event-stream হেডার ব্যবহার করে একটি স্ট্রিমিং রেসপন্স পাঠায়।এখানে একটি HTML ফাইল তৈরি করা হবে, যা SSE এর মাধ্যমে সার্ভার থেকে ডেটা রিসিভ করবে এবং পেজে দেখাবে।
index.html:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Server-Sent Events Example</title>
</head>
<body>
<h1>Server-Sent Events Example</h1>
<div id="events"></div>
<script>
// SSE কানেকশন তৈরি
const eventSource = new EventSource("events.php");
// সার্ভার থেকে ডেটা রিসিভ করা
eventSource.onmessage = function(event) {
// ডেটা পেলে এটি পেজে দেখান
const eventData = document.getElementById("events");
eventData.innerHTML += `<p>${event.data}</p>`;
};
// কানেকশন ইরর হ্যান্ডলিং
eventSource.onerror = function(event) {
console.error("Error with SSE connection:", event);
};
</script>
</body>
</html>
এখন সার্ভার সাইডে একটি PHP স্ক্রিপ্ট তৈরি করা হবে, যা SSE স্ট্রিমিংয়ের মাধ্যমে ক্লায়েন্টে ডেটা পাঠাবে।
events.php:
<?php
// HTTP হেডার সেট করা
header('Content-Type: text/event-stream');
header('Cache-Control: no-cache');
header('Connection: keep-alive');
// ইনফিনিটি লুপ দিয়ে ডেটা পাঠানো
while (true) {
// বর্তমান সময়ের ডেটা পাঠানো
echo "data: " . date('Y-m-d H:i:s') . "\n\n";
// 1 সেকেন্ড ওয়েট করা
flush();
sleep(1); // প্রতি সেকেন্ডে সময় আপডেট হবে
}
?>
EventSource অবজেক্ট তৈরি করে এবং সার্ভারের URL (এখানে events.php) পাঠানো হয়।Content-Type: text/event-stream রেসপন্স হেডার সেট করে, যাতে ব্রাউজার জানে যে এটি একটি SSE রেসপন্স।Server-Sent Events (SSE) হল একটি কার্যকরী প্রযুক্তি যা সার্ভার থেকে ক্লায়েন্টে রিয়েল-টাইম ডেটা পাঠানোর জন্য ব্যবহৃত হয়। এটি খুবই সহজ এবং কম রিসোর্স খরচে একপথে ডেটা স্ট্রিমিং করতে সহায়তা করে। SSE ওয়েব অ্যাপ্লিকেশনগুলিতে রিয়েল-টাইম ফিড, পুশ নোটিফিকেশন এবং অন্যান্য রিয়েল-টাইম অ্যাপ্লিকেশন তৈরি করতে ব্যবহৃত হয়।
Long Polling এবং WebSockets হল দুটি প্রধান প্রযুক্তি যা ক্লায়েন্ট এবং সার্ভারের মধ্যে রিয়েল-টাইম ডেটা যোগাযোগের জন্য ব্যবহৃত হয়। এই দুটি প্রযুক্তি ওয়েব অ্যাপ্লিকেশনের মধ্যে দ্রুত, ইন্টারঅ্যাকটিভ এবং ডায়নামিক ইন্টারঅ্যাকশন তৈরি করতে সহায়তা করে।
যদিও এদের লক্ষ্য একই—ক্লায়েন্ট ও সার্ভারের মধ্যে রিয়েল-টাইম যোগাযোগ—তবে তারা ভিন্নভাবে কাজ করে এবং তাদের মধ্যে কিছু মূল পার্থক্য রয়েছে।
Long Polling একটি পুরনো কিন্তু কার্যকরী পদ্ধতি যা ওয়েব অ্যাপ্লিকেশনগুলোতে সার্ভারের সাথে রিয়েল-টাইম ডেটা আদান-প্রদান করার জন্য ব্যবহৃত হয়। এটি HTTP প্রোটোকল ব্যবহার করে, তবে এটি সাধারণ GET রিকোয়েস্টের চেয়ে কিছুটা আলাদা।
এই পদ্ধতিতে, সার্ভার ক্লায়েন্টের প্রতি একাধিক রিকোয়েস্টের জন্য অপেক্ষা করতে থাকে, এবং ক্লায়েন্ট সার্ভারের থেকে নতুন ডেটা রিসিভ করতে থাকে।
Client-Side (JavaScript):
function longPolling() {
var xhr = new XMLHttpRequest();
xhr.open("GET", "/get-latest-data", true);
xhr.onload = function () {
if (xhr.status === 200) {
// ডেটা প্রসেস করা
console.log(xhr.responseText);
// নতুন ডেটা পাওয়ার পর পুনরায় রিকোয়েস্ট পাঠানো
longPolling();
}
};
xhr.send();
}
longPolling(); // Long Polling শুরু
Server-Side (PHP Example):
// get-latest-data.php
sleep(10); // 10 সেকেন্ড অপেক্ষা করা
echo "New Data Available";
WebSockets একটি আধুনিক প্রযুক্তি যা HTTP প্রোটোকল ছাড়াই সার্ভার এবং ক্লায়েন্টের মধ্যে দুই-তরফে রিয়েল-টাইম যোগাযোগের জন্য ডিজাইন করা হয়েছে। এটি একবার কনেকশন তৈরি হওয়ার পর সার্ভার এবং ক্লায়েন্ট দুই পক্ষই ডেটা পাঠাতে এবং গ্রহণ করতে পারে।
Client-Side (JavaScript):
const socket = new WebSocket('ws://example.com/socket');
socket.onopen = function() {
console.log('Connection established!');
socket.send('Hello Server!');
};
socket.onmessage = function(event) {
console.log('Message from server: ' + event.data);
};
socket.onclose = function() {
console.log('Connection closed');
};
Server-Side (Node.js with WebSocket):
const WebSocket = require('ws');
const wss = new WebSocket.Server({ port: 8080 });
wss.on('connection', (ws) => {
console.log('Client connected');
ws.send('Hello Client!');
ws.on('message', (message) => {
console.log('Received message: ' + message);
});
});
| বৈশিষ্ট্য | Long Polling | WebSockets |
|---|---|---|
| কনেকশন টাইপ | একক HTTP রিকোয়েস্ট-রেসপন্স | স্থায়ী, দুই-তরফে কনেকশন |
| ডেটা আদান-প্রদান | এক দিক থেকে পাঠানো, বারবার রিকোয়েস্ট | দুই দিক থেকে রিয়েল-টাইম ডেটা আদান-প্রদান |
| লেটেন্সি | বেশি (কারণ বারবার রিকোয়েস্ট পাঠানো হয়) | কম (একবার কনেকশন স্থাপিত হলে দ্রুত) |
| ব্রাউজার সাপোর্ট | সব ব্রাউজার সাপোর্ট করে | কিছু পুরানো ব্রাউজারে সাপোর্ট নাও থাকতে পারে |
| সার্ভার রিসোর্স | বেশি রিসোর্স খরচ হয় (বারবার রিকোয়েস্ট) | কম রিসোর্স খরচ হয় (একটি স্থায়ী কনেকশন) |
| ব্যবহার | সরল অ্যাপ্লিকেশনে কার্যকর | রিয়েল-টাইম অ্যাপ্লিকেশন (চ্যাট, লাইভ আপডেট) |
Long Polling এবং WebSockets উভয়ই রিয়েল-টাইম ডেটা আদান-প্রদান নিশ্চিত করতে ব্যবহৃত হয়, তবে তাদের কার্যকারিতা, রিসোর্স ব্যবহারের দিক থেকে পার্থক্য রয়েছে। WebSockets আধুনিক প্রযুক্তি এবং সর্বোত্তম রিয়েল-টাইম যোগাযোগের জন্য ব্যবহার করা হয়, যেখানে Long Polling পুরানো ব্রাউজার সাপোর্ট এবং কম জটিলতার জন্য কার্যকর। আপনার অ্যাপ্লিকেশন এবং প্রয়োজনীয়তার উপর ভিত্তি করে সঠিক প্রযুক্তি নির্বাচন করা গুরুত্বপূর্ণ।
রিয়েল-টাইম ডেটা প্রদর্শন এমন একটি প্রক্রিয়া যেখানে ডেটা সার্ভার থেকে প্রতি মুহূর্তে আপডেট হয়ে ব্যবহারকারীকে দেখানো হয়, যাতে ওয়েব অ্যাপ্লিকেশন ডায়নামিক এবং ইন্টারঅ্যাকটিভ হয়। সাধারণভাবে, এটি Ajax এবং WebSockets ব্যবহার করে করা হয়, যাতে সার্ভার এবং ক্লায়েন্টের মধ্যে ডেটা দ্রুত এবং স্বয়ংক্রিয়ভাবে সরবরাহ করা যায়।
এখানে, আমরা Ajax ব্যবহার করে রিয়েল-টাইম ডেটা প্রদর্শনের একটি উদাহরণ দেখাব, যেখানে সার্ভার থেকে প্রতি কিছু সেকেন্ড পর পর ডেটা ফেচ করা হবে এবং তা ওয়েব পেজে আপডেট হবে।
এখানে একটি সাধারন HTML ফাইল থাকবে, যেখানে রিয়েল-টাইম ডেটা দেখানো হবে। উদাহরণস্বরূপ, এখানে প্রতিটি সেকেন্ড পর পর একটি নতুন ডেটা প্রদর্শিত হবে।
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Real-Time Data Display</title>
</head>
<body>
<h1>Real-Time Data</h1>
<div id="dataContainer">Loading...</div>
<script src="script.js"></script>
</body>
</html>
এখন script.js ফাইল তৈরি করতে হবে, যা প্রতি ৩ সেকেন্ড পর পর সার্ভার থেকে ডেটা ফেচ করবে এবং ওয়েব পেজে তা আপডেট করবে।
script.js:
function fetchData() {
const xhr = new XMLHttpRequest();
xhr.open("GET", "fetch_data.php", true); // PHP ফাইল থেকে ডেটা ফেচ করা
xhr.onload = function () {
if (xhr.status === 200) {
const data = xhr.responseText;
document.getElementById("dataContainer").innerHTML = "Latest Data: " + data;
} else {
document.getElementById("dataContainer").innerHTML = "Error: Unable to fetch data.";
}
};
xhr.send();
}
// প্রতি 3 সেকেন্ড পর পর ডেটা আপডেট করা
setInterval(fetchData, 3000);
// প্রথম ডেটা লোড
fetchData();
এখন একটি PHP ফাইল তৈরি করা হবে যা প্রতিবার রিকোয়েস্ট আসলে একটি নতুন ডেটা প্রদান করবে। এখানে একটি সাধারন উদাহরণ দেয়া হয়েছে, যেখানে সার্ভার প্রতি রিকোয়েস্টে একটি টাইমস্ট্যাম্প প্রদান করবে।
fetch_data.php:
<?php
// সার্ভার সাইড থেকে বর্তমান টাইমস্ট্যাম্প পাঠানো
echo "Current Time: " . date('H:i:s');
?>
fetchData() ফাংশনটি XMLHttpRequest ব্যবহার করে সার্ভারের fetch_data.php ফাইল থেকে ডেটা ফেচ করে। সার্ভার থেকে পাওয়া রেসপন্স (টাইমস্ট্যাম্প) ওয়েব পেজে প্রদর্শন করা হয়।fetchData() ফাংশনটি স্বয়ংক্রিয়ভাবে কল করা হয়, যা রিয়েল-টাইম ডেটা প্রদর্শন করে।fetch_data.php ফাইলটি সার্ভার সাইডে বর্তমান টাইমস্ট্যাম্প প্রদান করে যা প্রতি রিকোয়েস্টে পরিবর্তিত হয়।যদি ডেটা একেবারে রিয়েল-টাইমে আপডেট করতে চান (যেমন, চ্যাট অ্যাপ্লিকেশন, লাইভ স্ট্যাটাস ট্র্যাকিং), তাহলে WebSockets ব্যবহার করা একটি ভাল পদ্ধতি। এটি ক্লায়েন্ট এবং সার্ভারের মধ্যে একটি স্থির কানেকশন তৈরি করে এবং সার্ভার যখনই ডেটা আপডেট করে তখন তা ক্লায়েন্টে পাঠিয়ে দেয়। WebSockets সাধারণত অ্যাপ্লিকেশনগুলোতে যেখানে দ্রুত এবং বাস্তবসম্মত ডেটা পরিবর্তন প্রয়োজন, সেখানে ব্যবহৃত হয়।
এটি একটি উদাহরণ:
server.php (PHP WebSocket Server):
<?php
// WebSocket সাপোর্টের জন্য একটি লাইব্রেরি ব্যবহৃত হবে যেমন Ratchet বা PHP WebSocket library
// এখানে একটি উদাহরণ হিসাবে সার্ভার এবং ক্লায়েন্ট সেটআপ করা হয়।
?>
client.js (JavaScript WebSocket Client):
var socket = new WebSocket("ws://localhost:8080");
socket.onmessage = function (event) {
document.getElementById("dataContainer").innerHTML = event.data;
};
// WebSocket সংযোগ স্থাপন
socket.onopen = function () {
socket.send("Request for real-time data");
};
Ajax এবং WebSockets ব্যবহার করে রিয়েল-টাইম ডেটা ডিসপ্লে ওয়েব অ্যাপ্লিকেশনগুলোতে অত্যন্ত কার্যকরী হতে পারে। Ajax এর মাধ্যমে আপনি সার্ভারের সাথে নির্দিষ্ট সময় পর পর যোগাযোগ করে ডেটা আপডেট করতে পারেন, এবং WebSocket এর মাধ্যমে আপনি সত্যিকারের রিয়েল-টাইম ডেটা সরবরাহ করতে পারেন, যা বিশেষভাবে চ্যাট সিস্টেম বা লাইভ ডেটা ট্র্যাকিং অ্যাপ্লিকেশনগুলোর জন্য কার্যকরী।
Read more
or
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
1 hour ago
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
1 hour ago
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
1 hour ago
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
1 hour ago
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
1 hour ago
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
1 hour ago
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
1 hour ago
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
1 hour ago
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
1 hour ago
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
1 hour ago
